

         
         @media (max-width:1100px){
            main .moveLoop li .moveBottle p span{
                width: 40%;
                animation-duration: 6s;
            }
        }
        
        
        @media (max-width:900px){
            main .moveLoop li .moveBottle p span{
                width: 45%;
                animation-duration: 6s;
            }
        }
        @media (min-width:768px){
            main .goods .item .content{
                padding: 105px 30px;
            }
            main .news .newsSwiper .swiper-slide{
                grid-template-columns: repeat(7,1fr);
                display: grid;
                align-items: center;
            }
            main .news .newsSwiper .swiper-slide>*{
                grid-row-start: 1;
            }
            main .news .newsSwiper .swiper-slide .info{
                grid-column-start: 1;
                grid-column-end: 5;
            }
            main .news .newsSwiper .swiper-slide .pic{
                grid-column-start: 4;
                grid-column-end: 8;
            }
            
        }
        @media(max-width:767px){
            
            
            main .goods .item{
                margin-top: 270px;
            }
            main .goods .item.red{
                margin-top: 180px;
            }
            main .goods .item .content h1{
                font-size: 32px;
                letter-spacing: 5px;
            }
            main .goods .item .rotate p{
                width:120px;
                height: 120px;
            }
           
            main .moveLoop li .info .title h1{
                font-size: 40px;
            }
            main .moveLoop li .info .title img{
                opacity: .9;
                height: 125px;
            }
            main .news .newsSwiper .swiper-slide{
                width: 90%;
            }
            main .news .newsSwiper .swiper-slide:first-child{
                margin-left: 5%;
            }
            main .news .newsSwiper .swiper-slide:last-child{
                margin-right: 5%;
            }
            main .news .newsSwiper .swiper-slide .info h1{
                font-size: 19px;
            }
            main .news .newsSwiper .swiper-slide .pic .rollBox{
               max-width: 200px;
            }
            main .news .bottomBg{
                display: none;
            }
            main .news .newsSwiper{
                padding: 0px;
            }
            main .news .newsSwiper .swiper-slide .info h1{
                margin-bottom: 20px;
            }
            .cursorBox .followCursor{
                display: none;
            }
        }
        
        @media (max-width:600px){
            main .moveLoop li .moveBottle p span{
                width: 190%;
                animation-duration: 15s;
            }
            main .goods .item .rotate p:nth-child(1){
                transform:translate(0,-280px);
            }
            main .goods .item .rotate p:nth-child(2){
                transform:rotate(45deg) translate(0,-280px);
            }
            main .goods .item .rotate p:nth-child(3){
                transform:rotate(90deg) translate(0px,-280px);
            }
            main .goods .item .rotate p:nth-child(4){
                transform:rotate(135deg) translate(0,-280px);
            }
            main .goods .item .rotate p:nth-child(5){
                transform:rotate(180deg) translate(0,-280px);
            }
            main .goods .item .rotate p:nth-child(6){
                transform:rotate(225deg) translate(0,-280px);
            }
            main .goods .item .rotate p:nth-child(7){
                transform:rotate(270deg) translate(0,-280px);
            }
            main .goods .item .rotate p:nth-child(8){
                transform:rotate(315deg) translate(0,-280px);
            }
        }
        